<!--园区介绍-->
<template>
  <div class="intro-container">
    <van-tabs v-model:active="active" swipeable >
      <van-tab title="园区介绍">
        <van-image :src="ahtv0"></van-image>
        <div class="intro-text">
          <div class="news-logo" style="width: 100%;">
          <van-image :src="logo"></van-image>
          </div>
          <span>
            &nbsp;&nbsp;&nbsp;&nbsp;在全球汽车产业转型升级的大背景下，吉利控股集团正积极布局海外市场，推动新能源和智能汽车的发展。近日，吉利控股集团在马来西亚的AHTV产业园（Automobile High-Technology Valley）宣布了一项宏伟计划：到2035年，该产业园将形成50万辆整车的生产能力，其中一半将出口至全球市场，同时还将构建一套服务于全球市场的零部件供应链体系。<br/>
          </span>
          <span>
            &nbsp;&nbsp;&nbsp;&nbsp;AHTV产业园的设立，标志着吉利控股集团在马来西亚市场的深入布局。据天眼查数据显示，吉利控股集团是中国领先的汽车制造商之一，其产品线涵盖了多种汽车类型和品牌，拥有强大的研发和生产实力。而马来西亚DRB-HICOM集团则是该国知名的综合性企业集团，双方在汽车领域的合作将为马来西亚的新能源汽车产业注入新的活力。<br/>
            </span>
          <span>
            &nbsp;&nbsp;&nbsp;&nbsp;去年4月，吉利控股集团与马来西亚DRB-HICOM集团签署了深化合作框架协议，双方将围绕马来西亚丹绒马林汽车高科技谷（AHTV）建设展开更广泛深入的合作。这一合作旨在通过引进先进的技术和管理经验，推动马来西亚汽车产业向高端化、智能化和绿色化方向发展。<br/>
            </span>
          <span>
            &nbsp;&nbsp;&nbsp;&nbsp;根据计划，AHTV产业园将不仅引入吉利旗下的汽车品牌，还将吸引其他国际汽车品牌入驻或为其提供代工制造服务。这一举措将促进产业园内汽车品牌的多样化发展，提高产业园的竞争力。同时，产业园还将打造一套100万套零部件供应链体系，其中一半将服务于全球市场。这将有助于提升产业园在全球汽车产业中的地位和影响力。<br/>
            </span>
          <span>
            &nbsp;&nbsp;&nbsp;&nbsp;业内专家认为，吉利控股集团在马来西亚的AHTV产业园计划将对马来西亚乃至东南亚地区的汽车产业产生深远影响。一方面，该计划将推动马来西亚汽车产业向高端化、智能化和绿色化方向发展，提高产业竞争力；另一方面，该计划还将为马来西亚创造大量就业机会，促进当地经济发展。<br/>
            </span>
          <span>
            &nbsp;&nbsp;&nbsp;&nbsp;此外，吉利控股集团与马来西亚DRB-HICOM集团的合作也将为双方带来更多的商业机会和发展空间。通过共享资源、优势互补和协同创新等方式，双方将共同推动汽车产业的可持续发展。<br/>
            </span>
          <span>
            &nbsp;&nbsp;&nbsp;&nbsp;综上所述，吉利控股集团在马来西亚的AHTV产业园计划将为马来西亚乃至东南亚地区的汽车产业带来新的发展机遇。我们有理由相信，在双方的共同努力下，AHTV产业园将成为全球汽车产业的一颗璀璨明珠。
          </span>
<!--          <span>Beyond boosting the national automotive industry, the development of the DRB-Hicom Automotive Hi-Tech Valley (AHTV) can make Malaysia a hub for electric vehicle (EV) manufacturers and component suppliers, not just for the ASEAN region, but to a wider market.</span>-->
<!--          <span>Prime minister Datuk Seri Ismail Sabri Yaakob said the project has the potential to strengthen the automotive ecosystem in a large area, as Bernama reports. “If other countries like the United States can be proud of Detroit, a district famous for its car manufacturing industry, it is possible that one day, Tanjung Malim will be known as a great automotive hub in the region,” he said during the launch of the project yesterday.</span>-->
<!--          <span>The project is a joint venture between the government of Malaysia and the government of Indonesia, which will be implemented in the AHTV.</span>-->
        </div>
      </van-tab>
      <van-tab title="联系方式">
        <ul class="intro-tel">
          <li>
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-zhuye"></use>
            </svg>
            <span>{{goToPark}}</span>
          </li>
          <li>
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-wangzhan"></use>
            </svg>
            <span>网址： <a href="http://hcb.natapp1.cc">http://hcb.natapp1.cc</a></span>
          </li>
          <li>
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-MAILBOX"></use>
            </svg>
            <span>商务邮箱：<a href="mailto:Chenbin.Hao@geely.com">Chares@geely.com</a></span>
          </li>
          <li>
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-tubiao-"></use>
            </svg>
            <span>客服电话：<a href="tel:0571-8723220">0571-8723220</a></span>
          </li>
          <li>
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-fuwudianhua2"></use>
            </svg>
            <span>招商电话：<a href="tel:+60 3-5191 4636">+60 3-5191 4636</a></span>
          </li>
          <li>
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-fuwudianhua2"></use>
            </svg>
            <span>园区联系人：刘经理 <a href="tel:0571-8723222">0571-8723222</a></span>
          </li>
        </ul>
      </van-tab>
      <van-tab title="地理位置">
        <div class="intro-map">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-weizhi"></use>
          </svg>
          <span>Jalan 6/26 46000 Shah Alam Slg</span>
        </div>
      </van-tab>
    </van-tabs>

  </div>
</template>

<script setup lang="ts">
  import { ref } from "vue";
  import { useRoute } from "vue-router";
  import ahtv0 from "@/assets/images/AHTV1.png";
  import logo from "@/assets/images/logo.png";
  const active = ref(0);
  const route = useRoute();
  const goToPark = route.query.address;

</script>

<style scoped lang="less">
  .intro-container {
    .intro-text {
      color: #8d8686;
      padding: 0 10px;
      font-size: 12px;
      .news-logo {
        display: flex;
        justify-content: center;
        .van-image {
          width: 40%;
        }
      }
      .news-title {
        height: 30px;
        line-height: 30px;
        margin-bottom: 10px;
        li:nth-child(1) {
          border-left: 5px solid #0089ff;
          padding-left: 10px;
          font-weight: bold;
        }
      }
      span {
        margin-bottom: 10px;
        display: block;
      }
    }
    .intro-tel {
      width: 90%;
      margin: 10px auto;
      padding: 10px;
      box-shadow: 0px 1px 3px #ccc;
      color: #8d8686;
      li {
        border-bottom: 1px solid #ccc;
        padding: 10px;
        &:last-child {
          border-bottom: none;
        }
        .icon {
          font-size: 20px;
        }
        span {
          margin-left: 10px;
          a {
            color: #0089ff;
          }
        }
      }
    }
    .intro-map {
      width: 90%;
      margin: 10px auto;
      padding: 10px;
      box-shadow: 0px 1px 3px #ccc;
      color: #8d8686;
      display: flex;
      align-items: center;
      span {
        margin-left: 10px;
      }
    }
  }
</style>
